<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>修改密码-第一步</title>

		<link href="css/admin.css" rel="stylesheet" type="text/css">
		<link href="css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="css/personal.css" rel="stylesheet" type="text/css">
		<link href="css/bostyle.css" rel="stylesheet" type="text/css">
		<link href="css/stepstyle.css" rel="stylesheet" type="text/css">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="js/common.js"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/amazeui.js" type="text/javascript"></script>
		
	</head>

	<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div id="app">	
<top></top>
<bar></bar>
<b class="line"></b>
<!-------------------------------------- 头部结束 -------------------------------------->

<!-------------------------------------- 内容开始 -------------------------------------->

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
				    <div class="user-bonus">
<!--------------------------------------标题开始 -------------------------------------->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">修改密码</strong> / <small>Update Password</small></div>
						</div>
						<hr/>
<!-------------------------------------- 标题结束 -------------------------------------->
					    <div class="am-form am-form-horizontal">

						<div class="am-tabs-d2 am-tabs  am-margin" data-am-tabs>

							<ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs">
								<li class="am-active"><a href="#tab1">手机号修改</a></li>
								<li><a href="#tab2">原密码修改</a></li>
							</ul>
                            
                            			
<!--------------------------------------进度条开始-------------------------------------->
					
					
					<div class="m-progress">
						<div class="m-progress-list">
							<span class="step-1 step">
                                <em class="u-progress-stage-bg"></em>
                                <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                                <p class="stage-name">重置密码</p>
                            </span>
							<span class="step-2 step">
                                <em class="u-progress-stage-bg"></em>
                                <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                                <p class="stage-name">完成</p>
                            </span>
							<span class="u-progress-placeholder"></span>
						</div>
						<div class="u-progress-bar total-steps-2">
							<div class="u-progress-bar-inner"></div>
						</div>
					</div>
<!--------------------------------------进度条结束-------------------------------------->

<!--------------------------------------手机更改fORM表开始-------------------------------------->

                            <form class="am-tabs-bd">
								<div class="am-tab-panel am-fade am-in am-active" id="tab1">
									<div class="cart-table-th">	
<!--------------------------------------手机号-------------------------------------->

                                     						
				                         <div class="am-form-group">
							               <label for="user-old-password" class="am-form-label">手机号</label>
							                 <div class="am-form-content">
								                <input type="password" id="user-old-password" placeholder="请输入手机号">
							                 </div>
						                  </div>
<!--------------------------------------验证码-------------------------------------->

						                  <div class="am-form-group code">
							                 <label for="user-code" class="am-form-label">验证码</label>
							                 <div class="am-form-content">
								                <input type="tel" id="user-code" placeholder="短信验证码">
							                 </div>
							                     <a class="btn" href="javascript:void(0);" onclick="sendMobileCode();" id="sendMobileCode">
								                    <div class="am-btn am-btn-danger">验证码</div>
							                    </a>
					                	  </div>
<!--------------------------------------修改跳转-------------------------------------->

					                	  <div class="info-btn">
                                              <div class="am-btn am-btn-danger">
                                                  <a href="options.html">前往修改</a>
                                            </div>
						                  </div>	
									</div>
								</div>
                            </form>

<!--------------------------------------手机更改fORM表结束-------------------------------------->

<!--------------------------------------原密码更改fORM表开始-------------------------------------->
                            <form class="am-tabs-bd">
								<div class="am-tab-panel am-fade" id="tab2">
					
					
									<div class="cart-table-th">	
								        <div class="order-main">
                                           
<!---------------------------------------------原密码----------------------------------------->
                                            <div class="am-form-group">
							                    <label for="user-old-password" class="am-form-label">原密码</label>
							                    <div class="am-form-content">
							        	            <input type="password" id="user-old-password" placeholder="请输入原登录密码"> 
							                    </div>
							                      
						                    </div>
<!--------------------------------------修改跳转-------------------------------------->
						                  <div class="info-btn">
                                                <div class="am-btn am-btn-danger">
                                                    <a href="options.html">前往修改</a>
                                                </div>
						                  </div>
								        </div>
                                    </div>
							      </div>
							  </form>

<!--------------------------------------原密码更改fORM表结束-------------------------------------->
							  
						  </div>
                        </div>
					</div>
				</div>
<!-------------------------------------- 内容结束 -------------------------------------->
<!-------------------------------------- 尾部开始 -------------------------------------->
<end></end>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->
			
<!-------------------------------------- 侧边导航栏开始 -------------------------------------->
        							
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.html"><font size="5px">个人中心</font></a>
					</li>
					<li class="person">
						<ul>
							<li> <a href="Phone.html">电话修改</a></li>
							<li  class="active">  <a href="bonus.html">安全设置</a></li>
						</ul>
					</li>
				    <li class="person">
						<a href="Snatching.html"><font size="5px">抢单</font></a>
						
					</li>
					<li class="person">
						<a><font size="5px">当前订单</font></a>
						<ul>
							<li><a href="news.html">订单信息</a></li>
							<li> <a href="buass.html">信息确定</a></li>
							<li> <a href="affirm.html">确定上门</a></li>
							<li> <a href="refund.html">上传信息</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="billist.html"><font size="5px">全部订单</font></a>
						<ul>
							<li> <a href="accomplish.html">已完成 </a></li>
							<li> <a href="rough.html">未完成</a></li>
							<li> <a href="assess.html">待评价</a></li>
						</ul>
					</li>

					<li class="person">
						<a><font size="5px">系统设置</font></a>
						<ul>
							
							<li> <a href="#">主题</a></li>
							<li> <a href="#">设置</a></li>
						</ul>
					</li>

				</ul>
			</aside>
			</div>
        </div>
<!-------------------------------------- 侧边导航栏结束 -------------------------------------->
	</body>
</html>



<script>

var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>


